import styles from './index.less';
export default function CarouselT(props: any) {
  const { influentCondition, tailWaterCondition, changeCarouse, children } =
    props;
  return (
    <div className={`${styles.carouselContainer} bgColor`}>
      <div>
        <div className={styles.carouselLi}>
          <div className={styles.carouselLiCon}>
            <div className={styles.block}>
              <img src={require('@/assets/a1.png')} />
              <div className={styles.detail}>
                <div>
                  {tailWaterCondition?.totalP}
                  <span>mg/L</span>
                </div>
                <span>总磷</span>
              </div>
            </div>
            <div className={styles.block}>
              <img src={require('@/assets/a2.png')} />
              <div className={styles.detail}>
                <div style={{ color: '#EA9808' }}>
                  {tailWaterCondition?.codValue}
                  <span>mg/L</span>
                </div>
                <span>COD</span>
              </div>
            </div>
            <div className={styles.block}>
              <img src={require('@/assets/a3.png')} />
              <div className={styles.detail}>
                <div>
                  {tailWaterCondition?.aminoOxygen}
                  <span>mg/L</span>
                </div>
                <span>氨氧</span>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  );
}
